﻿<%@ control language="C#" autoeventwireup="true" inherits="_modules_settings_ucProducts, App_Web_taowfgtu" %>
<div id="addCustomerForm" class="addCustomerFormContainer" style="border:1px solid #d7d7d7;border-radius: 5px 5px 5px 5px;margin: 10px;width: 790px;">
    <div style="margin:15px;">
        <div class="emailHeaderTxt" style="margin-top:5px;">
            Product Settings
        </div>
        <div class="productSettingAddBrandContainer">
            <div style="margin:10px;">
                <div class="addCustomerFormRow" style="margin-top:5px;">
                    <span class="addCustomerFormText" style="width: 130px;">Add Brand Name</span>
                    <div class="addCustomerFormInputDiv" style="width: 230px;">
                        <input id="txtBrandName" type="text" class="addCustomerFormInput" style="background-color:#f3f3f3;" maxlength="50" />  
                    </div>
                    <div id="btnAddBrand" class="adminColorButton" onclick="fnAddNewBrand();">Add Brand</div>
                    <div id="addBrandLoadingGif" class="loadingGifAddBrands">
                        
                    </div>
                </div>
            </div>
        </div>
        <div class="productSettingAddBrandContainer">
            <div style="margin:10px;">
                <div class="addCustomerFormRow" style="margin-top:5px;">
                    <span class="addCustomerFormText" style="width: 130px;">Add Category</span>
                    <div class="addCustomerFormInputDiv" style="width: 230px; height:50px;">
                        <input id="txtCategory" type="text" class="addCustomerFormInput" style="background-color:#f3f3f3;" maxlength="50" />
                        <span style="color: #A1A1A1;font-size: 11px;">E.g.: Air Conditioner, Battery etc.</span>  
                    </div>
                    <div id="btnAddCategory" class="adminColorButton" onclick="fnAddNewCategory();">Add Category</div>
                    <div id="addCateLoadingGif" class="loadingGifAddBrands">
                        
                    </div>
                </div>
            </div>
        </div>
        <div class="productSettingAddBrandContainer">
            <div style="margin:10px;">
                <div class="addCustomerFormRow" style="margin-top:5px;">
                    <span class="addCustomerFormText" style="width: 130px;">Add Sub Category</span>
                    <div class="addCustomerFormInputDiv" style="width: 280px; height:50px;">
                    <asp:DropDownList ID="ddlAddSubCate" runat="server" CssClass="addCustomerFormInput" DataTextField="brandCate" DataValueField="ID" AppendDataBoundItems="true" onchange="$('#alertCateSelect').hide();">
                        <asp:ListItem Text="--Select Category--" Value="0" />
                    </asp:DropDownList>
                    <span id="alertCateSelect" style="color: #FF0000;display: none;float: left;font-size: 11px;">** Select a category first</span>  
                    </div>
                    <div class="addCustomerFormInputDiv" style="width: 230px; height:50px; margin-left:127px;">
                        <input id="txtSubCate" type="text" class="addCustomerFormInput" style="background-color:#f3f3f3;" maxlength="50" onkeydown="$('#sampleTextSpan').show();$('#alertSpan').hide();" />
                        <span id="sampleTextSpan" style="color: #A1A1A1;font-size: 11px;">E.g.: Window, Split, Tubular etc.</span>
                        <span id="alertSpan" style="color: #FF0000;display: none;float: left;font-size: 11px;">** Enter the sub category</span>    
                    </div>
                    <div id="Div1" class="adminColorButton" onclick="fnAddNewSubCategory();">Add Sub Category</div>
                    <div id="Div2" class="loadingGifAddBrands">
                        
                    </div>
                </div>
            </div>
        </div>
        <div class="productSettingAddBrandContainer">
            <div style="margin:10px;">
                
                <div class="addCustomerFormRow" style="margin-top:5px;width: auto;">
                    <span class="addCustomerFormText" style="width: 130px;">Select Brand</span>
                    <div class="addCustomerFormInputDiv" style="width: 230px;">
                        <asp:DropDownList ID="ddlBrand" runat="server" CssClass="addCustomerFormInput" DataTextField="brandName" DataValueField="ID" AppendDataBoundItems="true" onchange="$('#addModalAlert').hide();$('#addModalAlert').text('');">
                        <asp:ListItem Text="--Select Brand--" Value="0" />
                        </asp:DropDownList>
                    </div>
                </div>
                <div class="addCustomerFormRow" style="margin-top:5px;width: auto;">
                    <span class="addCustomerFormText" style="width: 130px;">Product Category</span>
                    <div class="addCustomerFormInputDiv" style="width: 230px;">
                        <asp:DropDownList ID="ddlProdCate" runat="server" 
                            CssClass="addCustomerFormInput" DataTextField="brandCate" DataValueField="ID" 
                            AppendDataBoundItems="true" onchange="fnBindSubCategory();">
                            <asp:ListItem Text="--Select Category--" Value="0" />
                        </asp:DropDownList>
                        <%--<select id="ddlProdCate" class="addCustomerFormInput">
                            <option value="0">--Select product type--</option>
                            <option value="1">Air Conditioner</option>
                            <option value="2">Battery</option>
                            <option value="3">Freezer</option>
                            <option value="4">Inverters / UPS</option>
                            <option value="5">Water cooler</option>
                            <option value="6">Water dispenser</option>
                            <option value="7">Water heater</option>
                        </select>--%>
                    </div>
                </div>
                <div class="addCustomerFormRow" style="margin-top:5px;width: auto;">
                    <span class="addCustomerFormText" style="width: 130px;">Sub Category</span>
                    <div class="addCustomerFormInputDiv" style="width: 230px;">
                        <%--<asp:DropDownList ID="ddlDropSubCate" runat="server" CssClass="addCustomerFormInput" DataTextField="subcate" DataValueField="id" AppendDataBoundItems="true" Enabled="false">
                            <asp:ListItem Text="--Select Sub Category--" Value="0" />
                        </asp:DropDownList>--%>
                        <select id="ddlDrodSubCate" class="addCustomerFormInput" disabled="disabled" onchange="$('#addModalAlert').hide();$('#addModalAlert').text('');">
                        </select>
                    </div>
                </div>
                <div class="addCustomerFormRow" style="margin-top:5px;width: auto;">
                    <span class="addCustomerFormText" style="width: 130px;">Star Rating</span>
                    <div class="addCustomerFormInputDiv" style="width: 230px;">
                        <select id="ddlStarRating" class="addCustomerFormInput">
                            <option value="0">None</option>
                            <option value="1">1 Star</option>
                            <option value="2">2 Star</option>
                            <option value="3">3 Star</option>
                            <option value="4">4 Star</option>
                            <option value="5">5 Star</option>
                        </select>
                    </div>
                </div>
                <div class="addCustomerFormRow" style="margin-top:5px;width: auto;">
                    <span class="addCustomerFormText" style="width: 130px;">Enter Capacity</span>
                    <div class="addCustomerFormInputDiv" style="width: 230px;">
                        <input id="txtProdCapacity" type="text" class="addCustomerFormInput" style="background-color:#f3f3f3;" maxlength="50" onkeydown="$('#addModalAlert').hide();$('#addModalAlert').text('');" />  
                    </div>
                    <span style="color: #A1A1A1;float: left;font-size: 10px;margin-left: 10px;margin-top: 5px;">Eg. 1 Ton / 100 AH</span>
                </div>
                <div class="addCustomerFormRow" style="margin-top:5px;">
                    <span class="addCustomerFormText" style="width: 130px;">Enter Modal Name</span>
                    <div class="addCustomerFormInputDiv" style="width: 230px;">
                        <input id="txtModalName" type="text" class="addCustomerFormInput" style="background-color:#f3f3f3;" maxlength="50" onkeydown="$('#addModalAlert').hide();$('#addModalAlert').text('');" />  
                    </div>
                </div>
                <div id="btnAddModal" class="adminColorButton" style="margin-bottom: 15px;margin-left: 130px;" onclick="fnAddModal();">Add Modal</div>
                <span id="addModalAlert" style="color: #FF0000;display: none;float: left;font-size: 11px;margin-left:10px; margin-top:5px;"></span>
                <div id="addModalLoadingGif" class="loadingGifAddBrands">
                        
                </div>
            </div>

        </div>
        <div class="productSettingAddBrandContainer" style="margin-bottom: 15px;">
            <div style="margin:10px;">
                <div class="emailHeaderTxt">
                    Manage Existing Products
                </div>
                <div id="listExistingProd" class="prodRptrContainer">
                    
                </div>
            </div>
        </div>
    </div>
</div>